/* applied to original <select> to hide */
.has_sb{position:absolute;left:-999999em;text-indent:-999999em;}

/* always visible styles */
.selectbox{display:inline-block;*display:inline;font-family:arial;font-size:1em;margin:0;position:relative;vertical-align:middle;zoom:1;}

.selectbox .display
{
  background:#fff;
  border: 1px solid #C4C3C3;
  color: #000;
  cursor: default;
  display: block;
  font-weight: normal;
  height: 41px;
  line-height: 1.46em;
  overflow: hidden;
  outline: none;
  padding: 0 24px 0 3px;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}

.selectbox .display .text
{
    font: 13px/18px "Trebuchet MS";
    margin-top: 11px;
    margin-left: 13px;
    color: #616060;
}

.selectbox.disabled .display{color:#999;}
.selectbox .display.active{border-color:#7b7d83;}

.selectbox .display .arrow_btn
{
    display:block;
    height: 100%;
    line-height:.92em;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width: 26px;
}

.selectbox .display .arrow_btn .arrow{
    background:transparent url(/upload/images/basics_of_programming/select_arrow.gif) no-repeat;
    display:inline-block;*display:inline;
    width: 9px;
    height: 11px;
    left: 0;
    top: 50%;
    margin-top: -6px;
    position:absolute;
    zoom:1;
}

.selectbox .display.active .arrow_btn{
    -moz-box-shadow:inset 0 0 1px 1px #9eb0ba;
    -webkit-box-shadow:inset 0 0 1px 1px #9eb0ba;
}
.selectbox .value{display:none;}

/* dropdown styles */
.selectbox.items
{
    background:#fff;
    border:1px solid #828790;
    border-top: none;
    display:block;
    font-family:arial;
    font-size:1em;
    list-style-type:none;
    margin:0;
    overflow-x:hidden;
    overflow-y:auto;
    padding: 0;
    z-index:99999;
}

.selectbox.items.above 
{
    border-top: 1px solid #828790;
    border-bottom: none;
}
.selectbox.items li{display:block;margin:0;padding:0;/*white-space:nowrap; maybe necessary if using fixedWidth: false */}
.selectbox.items li.first{margin-top:0;}
.selectbox.items li>.item{color:#000;cursor:default;display:block;height:33px;text-decoration:none;}

.selectbox.items li>.item>.text
{
    display:inline-block;*display:inline;zoom:1;
    font: 13px/18px "Trebuchet MS";
    color: #616060;
    margin-top: 7px;
    margin-left: 16px;
}

.selectbox.items li.selected>.item{}

.selectbox.items li.disabled>.item{color:#999;}
.selectbox.items li.hover>.item{background-color:#3399ff;color:#fcfcfc;}
.selectbox.items .value{display:none;}

/* optgroup styles */
.selectbox.items .optgroup .items{
  border:none;
  margin:0;
  padding:0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
.selectbox.items .optgroup>.label{cursor:default;font-weight:bold;line-height:1em;}
.selectbox.items .optgroup .items li>.item{padding-left:1em;}

.selectbox.round_sb.items>li>a{padding:4px 6px;}
.selectbox.round_sb.items>li.first>.item{
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
}
.selectbox.round_sb.items>li.last>.item{
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
}
/* for optgroups */
.selectbox.round_sb.items>li>.label{line-height:2.08em;padding:4px 6px;}
.selectbox.round_sb.items>li>.items li>.item{padding:4px 6px 4px 12px;}

/* fixed width example styles */
.selectbox .display.fixed_width{
  width: 173px;
  padding:0 24px 0 3px;
}

.selectbox.fixed_width.items{
  width: 200px; /* width of display text plus the padding (60 + 27) = 87 */
}

.selectbox .display.fixed_width2{
  width:60px;
  padding:0 24px 0 3px;
}

.selectbox.fixed_width2.items{
  width:300px; /* width of display text plus the padding (60 + 27) = 87 */
}
